<template>
  <div class="body-container">
    <transition name="el-fade-in-linear">
        <login v-if="loginVisible" @childLoginStatus="childLoginStatusInfo" class="login-container"/>
    </transition>
    <transition name="el-fade-in-linear">
      <div>
        <console-body ref="consoleBody" v-if="consoleVisible"/>
      </div>

    </transition>
  </div>

</template>
<script>
import login from "@/views/League/components/login";
import ConsoleBody from "@/views/League/components/Console";
export default {
  components:{
    login,
    ConsoleBody
  },
  data(){
    return{
      loginVisible:true,
      consoleVisible:false
    }
  },
  methods:{
    childLoginStatusInfo(val){
      this.loginVisible=false
      setTimeout(()=>{
        this.consoleVisible=true
        this.$nextTick(()=>{
          this.$refs.consoleBody.specialFunction(val)
        })
      },200)

    }
  }
}
</script>
<style scoped lang="less">

.login-container{
  margin-top: 100px;

}
</style>
